<template>
    <div class="admin-header">
        <i-breadcrumb>
            <i-breadcrumb-item href="/">概况</i-breadcrumb-item>
            <i-breadcrumb-item 
                v-for="(item, index) in breadcrumb" 
                :key="index" 
                :href="item.path">
                {{ item.title }}
            </i-breadcrumb-item>
        </i-breadcrumb>
    </div>
</template>
<script>
// mapState
import { mapState } from 'vuex'

export default {
    name: 'admin-header',
    data() {
        return {}
    },
    computed: {
        ...mapState('adminShell/adminHeader', ['breadcrumb'])
    },
    methods: {

    }
}
</script>
<style lang="less" scope>
@import '~@/assets/style/theme/index';
div.admin-header {
    height: @header-height;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 @gap;
    border-bottom: 1px solid @border-color-split;
}
</style>